<template>
	<view class="content">
		<image src="/static/ss.png" mode="widthFix"></image>
		<view class="but" @click="commission">
			<text>客服电话：{{mobile}}</text>
		</view>
	</view>
</template>

<script>
	const app = getApp();
	const request = require('../../utils/request');
	export default {
	    data() {
	        return {
				mobile:''
			}
		},
		onLoad(e) {
			this.mobile = e.mobile;
		},
		methods:{
			commission(){
				let that = this;
				uni.makePhoneCall({
					phoneNumber:that.mobile
				})
			}
		}
	}
</script>

<style lang="scss" scoped>
	.content{
		position: fixed;
		width: 70%;
		top: 36%;
		left: 50%;
		transform: translate(-50%,-50%);
		text-align: center;
		image{
			width: 240rpx;
			margin-bottom: 60rpx;
		}
		.but{
			background-color: #38c763;
			height: 100rpx;
			border-radius: 50rpx;
			display: flex;
			align-items: center;
			justify-content: center;
			box-shadow: -1rpx 2rpx 24rpx 0rpx rgba(96,198,115,0.36);
			text{
				color: #fff;
				font-size: 34rpx;
				line-height: 30rpx;
				letter-spacing: 2rpx;
			}
		}
	}
	
</style>